<!--
 * @Description: 项目卡片
 * @Author: wangqi
 * @Date: 2022-05-29 11:25:41
 * @LastEditTime: 2022-05-29 12:01:22
-->
<template>
  <div class="ProjectCard bg-red-500">
    <a-card title="项目">
      <template #extra><a href="#">更多</a></template>
      <a-card-grid
        v-for="(item, index) in data.groupItems"
        :key="index"
        class="!md:w-1/3 !w-full"
        style="text-align: center"
      >
        <span class="flex text-secondary">{{ item.desc }}</span>
      </a-card-grid>
    </a-card>
  </div>
</template>
<script lang="ts" setup>
  import { reactive } from 'vue';
  import { groupItems } from './data';
  defineOptions({
    name: 'ProjectCard',
  });

  const data = reactive({
    groupItems,
  });
</script>
<style lang="less" scoped></style>
